<template>
	<div class="recentplay">
	  <div class="hd">
		<el-divider content-position="left"><h2>最近播放</h2></el-divider>
	  </div>
	  <div class="body">
		<RecentSongTable :songs="historyPlay" @play-song="playSongClick" @delete-song="deleteSong" />
	  </div>
	</div>
  </template>
  
  <script setup>

import { computed } from 'vue';
import { useStore } from 'vuex';
import RecentSongTable from './Childcomps/RecentSongTable';
  
  const store = useStore();
  // 获取历史播放记录
  const historyPlay = computed(() => store.getters.historyPlay); 

  </script>
  
  <style lang="less" scoped>

  </style>
  